<template>
  <section class="home-container">
    <div class="header">
      <span class="title">极限物联软件工作室</span>
      <div class="nav">
        <el-menu
          :default-active="activeIndex"
          class="el-menu-a"
          mode="horizontal"
        >
          <!-- <el-menu-item v-for="n in navList" :key="n.index" :index="n.index"><router-link :to="n.route">{{n.title}}</router-link></el-menu-item> -->
           <el-menu-item index="1">首页</el-menu-item>
          <el-menu-item index="2">招新动态</el-menu-item>
          <el-menu-item index="3">工作室资源</el-menu-item>
          <el-menu-item index="4"><router-link to="/login">登录</router-link></el-menu-item>
        </el-menu>
      </div>
    </div>
  </section>
</template>

<script>
export default {
  data() {
    return {
      activeIndex: "1",
      // navList:[
      //   {index:"1",title:"主页",route:""},
      //   {index:"2",title:"招新动态",route:""},
      //   {index:"3",title:"工作室资源",route:""},
      //   {index:"4",title:"登录",route:"/login"},
      // ]
    };
  },
};
</script>
<style lang="scss" scoped>
.home-container {
  font-size: 0.5rem;
}
.header {
  position: relative;
}
.title {
  font-size: 36px;
  margin-left: 25px;
  color: #3960ac;
}
.nav {
  float: left;
  position: absolute;
  right: 20px;
  top: 30px;
  font-size: 30px;
}
</style>